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(54) [Docxiinent Name] Structured information display system 



(57) [SiAiranary] 

[Object] To provide a structured information display system that 
reduces the difficulty in use of a viewer on a conventional computer 
which obtains and displays information piece by piece mainly by 
use of scrolling^ and realizes an online hypermedia system on which 
the amount of information is easy to grasp . 

[Solving Means] An input/output control unit 12 designates 
information to be displayed according to settings made by a user 
10, and an information obtaining unit 15 obtains, from a server, 
information that is obtained by describing the designated 
information in a structured language* A transition determining 
unit 16 selects pieces of information to be obtained from transition 
information contained in the obtained information, and decides an 
order of the selected pieces of information* An original image 
generating unit 24 generates original images from the pieces of 
information whose order has been decided and an image for a book 
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having no thickness stored in an information storage unit 17^ while 
a thickness image selection unit 25 selects a thickness image for 
a book stored in the information storage unit 17 based on the number 
of the original images* An image synthesis unit 18 synthesizes the 
original images with the thickness image, and an image output unit 
13 displays a synthesized image. 
[Scope of Claims] 

[Claim 1] A structured information display system which is used 
on an online hypermedia system composed of one or more servers that 
store information described in a structured language and one or 
more clients that display the information and allow manipulation 
thereof/ characterized in that the client (s) comprises: 

means for designating information to be displayed; 

means for obtaining the designated information from the one 
or more servers through a network; 

means for selecting pieces of information to be obtained from 
transitions to other pieces of information, which are contained 
in the obtained information; 

means for deciding an order of the selected pieces of 
information; 

means for storing one or more kinds of book images; 
means for synthesizing the pieces of information whose order 
has been decided with the stored book images; and 
means for displaying the synthesized image- 
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[Claim 2] The structured information display system according to 
claim If characterized in that: 

the means for storing the one or more kinds of book images. 
Stores one or more thickness images for a book and images for a 
book having no thickness ; 

the client (s) further comprises: 

means for generating original images from the pieces 
of information whose order has been decided and the stored images 
for a book having no thickness; and 

means for selecting an iraage^ which corresponds to the 
amount of the obtained information/ from the stored thickness images 
for a book; and 

the means for synthesiaing the pieces of information whose 
order has been decided with the stored book images, synthesizes 
the generated original images with the selected thickness image 
for a book- 

[Claim 3] The structured information display system according to 
claim 2, characterized in that the means for selecting an image/ 
which corresponds to the amount of the obtained information/ from 
the stored thickness images for a book/ counts the number of the 
original images generated in the means for generating the original 
images/ and selects a thickness image for a book corresponding to 
a range to which the counted number belongs . 
[Detailed Description of the Invention] 
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[0001] 

[Technical Field to which the Invention belongs) The present 
invention relates to a technology for obtaining information and 
displaying the obtained information, on an online hypermedia system, 
such as the World Wide Web (hereinafter, abbreviated as "WWW"), 
which is composed of one or more servers that store information 
described in a structured language such as Hyper Text Markup 
Language (hereinafter, abbreviated as "HTML") and one or more 
clients that display the information and allow manipulation thereof. 
In particular, the invention relates to a structured display system, 
which is preferable in the case where a large amount of complicate 
information is displayed with efficiency for easy use thereof . 
[0002] 

[Prior Art] Up until now, on the WWW serving as a hypermedia system 
composed of a plurality of servers that store information described 
in a structured language such as HTML and a plurality of clients 
that display the information to be viewed and allow manipulation 
thereof, in order for a user to view the information of the server 
through the client, there has been often used a viewer which adopts 
software that calls each piece of information (each HTML file) to 
allow viewing of the information mainly by use of scrolling or mouse 
clicking for following a transition. 
[0003] 

[Problems to be solved by the Invention] However, on the WWW serving 
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as the above-mentioned conventional hypermedia system, those 
unaccustomed to use of a computer have a problem in that the viewer 
is hard to use for extracting each piece of information or viewing 
the information while following a transition mainly by performing 
scrolling or mouse clicking. There is also another problem in that 
if the viewer that mainly uses scrolling or mouse clicking, it is 
impossible to grasp the amount of the obtained information. 
[0004J In order to solve the above-mentioned problems, the present 
invention has an object to provide a display system which 
efficiently displays a large amount of complicate information to 
be viewed, thereby reducing the difficulty in use of a viewer on 
a computer and improving the usability of an online hypermedia 
system. 
[0005] 

[Means for solving the Problem] In order to achieve the above- 
mentioned object, a first invention according to the present 
invention is a structured information display system which is used 
on an online hypermedia system composed of one or more servers that 
store information described in a structured language and one or 
more clients that display the information and allow manipulation 
thereof, characterized in that the client (s) includes: means for 
designating information to be displayed; means for obtaining the 
designated information from the one or more servers through a 
network; means for selecting iaieces of information to be obtained 
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from transitions to other pieces of information^ which are contained 
in the obtained information; means for deciding an order of the 
selected pieces of information; means for storing one or more kinds 
of book images; means for synthesizing the pieces of information 
whose order has been decided with the stored book ijnages; and means 
for displaying the synthesized image. 

[0006] Further, a second invention according to the present 
invention is the structured information display system, 
characterized in that: the means for storing the one or more kinds 
of hook images, stores one or more thickness images for a book and 
images for a book having no thickness; the client (s) further 
includes: means for generating original images from the pieces of 
information whose order has been decided and the stored images for 
a book having no thickness; and means for selecting an image, which 
corresponds to the amount of the obtained information, from the 
stored thickness images for a book; and the means for synthesizing 
the pieces of information whose order has been decided with the 
stored book images, synthesizes the generated original images with 
the selected thickness image for a book. 

[0007] In the structured information display system of the second 
invention, it is preferable for simplification of processes that 
the means for selecting an image, which corresponds to the amount 
of the obtained inf oriaation, from the stored thickness images for 
a book, counts the number of the original images generated in the 
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means for generating the original images, and selects a thickness 
image for a book corresponding to a range to which the counted nvunber 
belongs . 

[0008] According to the present invention, inf orwation is read in 
advance based on transition information from a server and displayed 
as a book image. Accordingly/ a large amount of complicate 
information is displayed with efficiency without extracting 
information piece by piece nor performing scrolling, thereby 
reducing the difficulty in use of a viewer on a conventional computer 
and improving the usability of an online hypermedia system. 
Further, according to the second invention, particularly by 
displaying an image for a book having a thickness corresponding 
to the amount of the obtained information, the large amount of 
complicate information is displayed such that the amount of 
information is easy to grasp, thereby further improving the 
usability of an online hypermedia system. 
[0009} 

[Embodiment Mode of the Invention] Hereinafter, embodiments of the 
present invention will be described in detail with reference to 
the drawings. 

[0010] (First Embodiment) Firstly, description will be made of a 
first embodiment corresponding to a first invention of the present 
invention. 

[0011] Fig. 1 is a block diagram showing a structure of the first 
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embodiment . Reference numeral 10 denotes a user of a structured 
information display system; 11, an information input unit that 
allows an input by the user 10 to the structured information display 
system; 12, an input/output control unit for controlling 
information (an input signal) inputted through the information 
input unit 11 and output information (an output signal); 13, an 
image output unit of the structured information display system; 
14, an information control unit for controlling structured 
information based on controlled information from the input/output 
control unit 12; 15, an information obtaining unit for obtaining 
designated structured information from one or more servers through 
a network; 16, a transition determining unit for determining 
information to be obtained based on transition information 
contained in the structured information obtained in the information 
obtaining unit 15; 17, an information storage unit for storing the 
information inputted by the user, .the information obtained in the 
information obtaining unit 15, or the like; and 18, an image 
synthesis unit for synthesizing a book image stored in the 
information storage unit 17 with the information obtained in the 
information obtaining unit 15* 

[0012] In addition, reference numeral 19 denotes an input signal 
that is sent from the information input unit 11 to the input/output 
control unit 12; 20, control information that is sent from the 
input/output control unit 12 to the information control unit 14; 
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21, structured information that is received by the information 
obtaining unit 15 from a server; 22, a synthesized image that is 
sent from the image synthesis unit 18 to the input /output control 
unit 12; and 23, an output signal that is sent from the input/output 
control unit 12 to the image output unit 13. 

[0013] The following description with reference to Figs. 2 to 7 
is assumed to be made of the structured information display system 
for obtaining information described in a structured language from 
a server corresponding to the first invention of the present 
invention. The work performed by the user using this system 
includes setting an obtaining range and a location of information 
intended to be obtained, and viewing the obtained structured 
information, 

[0014] Fig, 2 is a diagram showing an example of an input screen 
for setting the obtaining range, which is displayed on the image 
output unit 13- 

[0015] Fig. 3 is a diagram showing an example of an input screen 
for setting the location of information intended to be obtained, 
which is displayed on the image output unit 13. 

[0016] Fig. 4 is a flow chart showing an example of a process 
performed when information obtained in the transition determining 
unit 16 is inputted. 

[0017] Figs, 5 are diagrams showing examples of book images stored 
in the information storage unit 17. 
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[0018] Fig* 6 is a diagram showing an example of an image obtained 
by synthesizing the book images and the obtained information in 
the image synthesis unit 18. 

[0019] Next, description will be made of an operation of the first 
etnbodimant on the following assumption. That is, a plurality of 
files described in HTML are stored in a plurality of servers, and 
a user selects an obtaining range from among transitions, which 
are contained in a given HTML file, to other pieces of information 
for generation of a book, selects a given piece of information, 
and views a generated book* The image output unit 13 displays an 
input screen as shown in Fig. 2 in order to allow the user to set 
a range of locations of information to be obtained- Further, the 
image output unit 13 displays an input screen as shown in Fig. 3 
in order to allow the user to set a location of information to be 
obtained. The HTML file obtained in the information obtaining unit 
15 contains, for example, transition locations as shown below. 
1 002 0 ] "http : / /dog . ntt . jp/new . html " 
"http : //dog .ntt op/welcome , html " 
"http : //dog . hil . ntt - jp/ " 
"http : // zoo - ntt .j p/ " 

"http : //cat .ntt * jp/index-text-mac . html " 
"http://cat*ntt. jp/info/p€rsonnel/index-html^■ 
"http: //cat.ntt- jp/info/news/index.html" 
"http : //cat . ntt . j p/inf o/soumu/mlabs/index . html " 
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"http : //dog . ntt . jp/news/new . html " 

Further, incorporated into the transition determining unit 16 is 
a process shown in the flow chart of Fig. 4 which is performed in 
response to . an input through the obtained HTML file. The 
information storage unit 17 stores book images consisting of a book 
image (a) of a front cover and a book image (b) in an open state 
as shown in Figs. S. Also, in order for the user to see an image 
synthesized in the image synthesis unit .18, the image output unit 
13 displays the image in a format of a book as shown in Fig. 6. 
[0021 J Now, the operation according to the first embodiment will 
be described hereinafter. 

[0022] The user 10 uses the input screen shown in Fig. 2 displayed 
on the image output unit 13 to set a range of locations of information 
to be obtained. Assume that at this time, the obtaining range is 
within the same machine. 

[0023] Then, the user 10 uses the input screen shown in Fig. 3 
displayed on the image output unit 13 to input a location of 
information to be obtained from the information input unit 11. 
Assume that at this time, the inputted location is 
"http : //dog .ntt . jp/index . html" . 

[0024] The input/output control unit 12 sends the input signal 19 
containing such inputted information to the information control 
unit 14. The information control unit 14 sends information on 
received location to the information obtaining unit IS. The 
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information obtaining unit 15 obtains an HTML file existing at the 
received location. Assume that at this time, the obtained HTML file 
contains the t^nsition location indicated above - The information 
obtaining unit 15 sends the obtained HTML file to the transition 
determining unit 16 and the information storage unit 17 . Note that 
in the example of the figure, the sending to the information storage 
unit 17 is illustrated as being performed via the transition 
determining unit 16. 

[0025] The transition determining unit 16 performs a process 
according to the flow chart shovm in Fig. 4 . That is, the transition 
determining unit 16 reads the obtained HTML file (F) , reads the 
transition locations contained therein (L) , and determines and 
obtains a location within the set range from those transition 
locations. As a result, in this embodiment, four locations 
(''http://dog.ntt.jp/new-html", '.http://dog.nttop/welcome.html", 
"http://dog.hil.nttop/", and "http://dog.ntt .jp/news /new. html") 
existing within the same machine (dog.ntt.jp) are selected and sent 
to the information obtaining unit 15. The information obtaining 
unit 15 obtains HTML files existing at the received locations, and 
similarly sends the obtained HTML files to the transition 
determining unit 16 and the information storage unit 17. The 
transition determining unit 16 repeats the above-mentioned process 
according to the flow chart shown in Fig. 4 until there is no 
transition location left within the set obtaining range (within 
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the same machine) . 

[0026] Then, the information control unit 14 sends to the image 
synthesis unit 18 all the Hmh files obtained in the information 
obtaining unit IS and stored in the information storage unit 17 
and the book images stored in the information storage unit 17. At 
the same time, the information control unit 14 decides and sends 
an information order for sorting the HTML files- The image 
synthesis unit 18 synthesizes each of the received HTML files and 
one of the book images into a format of a book as shown in Fig. 
6. The images synthesized collectively are temporarily stored in 
the image synthesis unit 18 or the information storage unit 17, 
and based on the screen operation by the user 10, the synthesized 
image 22 required is sent to the input/output control unit 12 and 
displayed on the image output unit 13. Note that the information 
control unit 14 may send a required part of the HTML file and the 
book image to the image synthesis unit 18 every time it is required. 
[0027] (Second Embodiment) Secondly, description will be made of 
a second embodiment corresponding to a second invention of the 
present invention. Note that in all the figures for illustrating 
this embodiment, the components identical to those of the first 
embodiment are denoted the identical reference numerals, and 
repetitive description thereof will be omitted. 
[0028] Fig. 7 is a block diagram showing a structure of the second 
embodiment. The components denoted by reference numerals 10 to 23 
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are the same as those of Fig. 1. Reference numeral 24 denotes an 
original image generating unit for generating an original image 
for a book having no thickness from the information obtained in 
the information obtaining unit 15 and a partial image {by one line) 
for a book having no thickness stored in the information storage 
unit 17; and 25, a thickness image selection unit for selecting 
an image corresponding to the number of images generated in the 
original image generating unit 24, from among thickness images 
stored in the information storage unit 17 . In addition, reference 
numeral 26 denotes an original image sent from the original image 
generating unit 24 to the image synthesis unit 18; and 27, a 
thickness image sent from the thickness image selection unit 25 
to the image synthesis unit 18. 

[0029] The following description with reference to Figs. 8 to 12 
is assumed to be made of the structured information display system 
for generating a book having a thickness corresponding to the amount 
of structured information obtained from a server corresponding to 
the second invention. The work performed by the user using this 
system is the same as that of the first embodiment. 
[0030] Fig. 8 is a diagram showing examples of the partial image 
(by one line) for a book having no thickness stored in the 
information storage unit 17. 

[0031] Fig. 9 is a diagram showing examples .of the thickness image 
for a book cover and a number assigned thereto stored in the 
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information storage unit 17 . 

[00323 Fig. 10 is a diagram showing examples of the thickness image 
for a book and a nuinber assigned thereto stored in the information 
storage unit 17. 

[0033] Fig. 11 is a diagram showing an example of the original image 
for a book having no thickness generated in the original image 
generating unit 24. 

[0034] Fig. 12 is a flow chart showing, an example of a process 
performed when the number of original images generated in the 
thickness image selection unit 25 is inputted. . 
[0035] Next, description will be made of an operation of the second 
embodiment on the following assumption. That is, conditions of the 
server and operations by the user are the same as those of the first 
embodiment. For generation of the original image for a book having 
no thickness, the partial image (by one line) for a book having 
no thickness shown in Fig. 8 is stored in the information storage 
unit 17. For selection of the thickness image for a book cover, 
the thickness image for a book cover and the number assigned thereto 
shown in Fig. 9 are stored in the information storage unit 17, For 
selection of the thickness image for a book, the thickness image 
for a book and the number assigned thereto shown in Fig. 10 are 
stored in the information storage unit 17 . Further, by the process 
of the original image generating unit 24, the. original image for 
a book having no thickness as shown in Fig. 11 is generated. Also, 



15 



04- 6-21 !16:07 



! 03-3669-6573 



# 53/108 



incorporated into the thickness image selection unit 25 is a process 
shown in Fig. 12 which is performed in response to an input of the 
number of the generated original images for a book having no 
thickness .• 

[0036] Now, the operation according to the second embodiment will 
be described hereinafter, operations from obtaining HTML files up 
to storing them in the information storage unit 17 are the same 
as those of the first embodiment, end description thereof will be 
omitted here. 

[0037] All the HTML files and the partial image {by one line) for 
a book having no thickness shown in Fig. 8, which are stored in 
the information storage unit 17, are sent to the original image 
generating unit 24, 

[0038] The original image generating unit 24 generates an image 
for a book having no thickness by repeating the received partial 
image (by one line) for a book having no thickness by the number 
of times corresponding to a display area from top to bottom. 
Meanwhile, the original image generating unit 24 synthesizes the 
contents of an HTML file with the display area of the generated 
imagfe for a book having no thickness by the amount corresponding 
to the area, to generate the original image 26 for a book having 
no thickness as shown In Fig- 12. The above-mentioned work is 
repeated on the contents of all the HTML files, and the number of 
the generated original images is counted. At this time, the counted 
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number of original images is 150, for example. Then, the original 
image generating unit 24 sends the original images 26 and the counted 
number of original images (150) to the image synthesis unit 18 and 
the thickness image selection unit 25, respectively. 
[0039] Based on the received number (150), the thickness image 
selection unit 25 performs a selection process on a thickness number 
according to the flow chart shown in Fig. 12. That is, assuming 
that the number of the images generated in the original image 
generating unit 24 is set as P, if P is equal to or more than 200, 
the number 1 of Fig, 10 is selected as a thickness image number 
N; if P is less than 200 and equal to or more than 100, the number 
2 is selected; if P is less than 100 and equal to or more than SO, 
the number 3 is selected; and if P is less than SO, the number 4 
is selected. As 'a result, in this embodiment, the thickness image 
number is 2. Further, the thickness image selection unit 25 sends 
the thickness image for a book cover and the thickness image 27, 
which are assigned .with the number 2, to the image synthesis unit 
18 based on a correspondence tables of Figs. 9 and 10 stored in 
the information storage unit 17. 

[0040] The image synthesis unit 18 synthesizes the received original 
image 26 and the thickness image 27 as shown in Fig. 6. The 
synthesized image 22 are sent to the input/output control unit 12 
and displayed on the image output unit 13. 

[0041] Note that the book image of a front cover shown in Figs. 
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S(a) and 9 are used for displaying a state where the book is closed 
in such a case where there are no information left to be displayed 
upon designating or updating a page of the book for display. The 
present invention has been described specifically based on the 
embodiments. However^ the present invention is not limited to the 
above-mentioned embodiments, and various modifications thereof can 
naturally be made within a range that does not depart from the gist. 
For example, in addition to the obtaining range as shown in Fig. 
2, there may be provided limitations depending on the number and 
contents of obtained HTML files . The method of inputting a location 
as shown in Fig- 3 is adopted for obtaining information, but a method 
may be adopted in which a keyword is inputted to obtain a related 
HTML file. The second embodiment shows the example in which the 
thickness of a book is calculated based on the number of generated 
original images, but numerical values and calculation methods are 
arbitrary as far as the amount of information is proportionate to 
the thickness. Also, the stored book images are not limited to the 
book images as shown in Figs. 5, and may be arbitrary book images 
in a binder or card form. The information order for sorting the 
obtained HTML files is arbitrarily selected from the obtained order, 
the order decided by the user, and the like - Further, in the present 
invention, the WWM using HTML has been given as an example, but 
the present invention is not limited to this and may be applied 
to the information display on an online hypermedia system using 
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another structured language. 
[0042] 

[Effects of the Invention) According to the present invention, the 
information designated by the user and the information related 
thereto are obtained and synthesized with the book images to display 
the information as if to turn the pages of a book. Accordingly, 
the scrolling of the information and the like operations are 
eliminated, which has been the causes of difficulty in use . Further, 
the information is read in advance and stored based on the transition 
information contained in the structured information so as not to 
extract the information piece by piece. Accordingly, this reduces 
the difficulty when the user uses a computer on the online hypermedia 
system dealing with a large amount of complicate information, making 
it possible to improve the usability of an online hypermedia system. 
[0043] Further, in the case where the image is created by 
synthesizing a book having a thickness corresponding to the amount 
of information with the obtained information, the book having the 
thickness corresponding to the amount of the obtained information 
is displayed, particularly, into a three-dimensional image - 
Accordingly, the user can grasp the amount of information with ease. 
[Brief Description of the Drawings] 

[Fig. IJ A block diagram showing a structure of a first embodiment 
corresponding to a first invention of the present invention. 
[Fig. 2] A diagram showing an example of a screen for inputting 
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an obtaining information range, according to the first embodiment. 
[Fig. 3] A diagram showing an example of a screen for inputting 
a location of information to be initially obtained/ according to 
the first embodiment. 

[Fig. 4] A flow chart showing an example of a process for determining 
a location within a set range from among transition locations 
contained in obtained information, according to the first 
embodiment . 

[Figs. 5] Parts (a) and (b) are diagrams showing examples of stored 
book images, according to the first embodiment - 
[Fig. 6] A diagram showing an example of synthesizing the stored 
book image and the obtained information, according to the first 
embodiment - 

[Fig.. 7] A block diagram showing a structure of a second embodiment 
corresponding to a second invention of the present invention. 
[Fig. 8] A diagram showing examples of a partial image (by one line) 
for a book having no thickness which is stored, according to the 
second embodiment. 

[Fig. 9] A diagram showing examples of a thickness image for a book 
cover and a number assigned thereto, according to the second 
embodiment . 

[Fig. 10] A diagram showing examples of a thickness image for a 
book and a number assigned thereto, according to the second 
embodiment . 
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[Fig. 11] A diagram showing an example of an original image for 
a book having no thickness which is generated^ according to the 
second embodiment - 

[Fig- 12] A flow chart showing an example of a process performed 
when the number of original images that are generated is inputted, 
according to the second embodiment. 
[Description of Reference Numerals] 
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